//==============新
// 背景色
.xj-table, .xj-table-list, .xj-table-other {
  background-color: #F0F2F5;
}

// 内容与窗口的间距
.xj-table .el-card__body, .xj-table-list .el-card__body, {
  padding-top: 0px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
}

// 左边树-宽度
.xj-table .xj-table-tree {
  width: 98%;
}

// 左边树-搜索间距控制
.xj-table .xj-table-tree .avue-tree__filter {
  padding-top: 20px;
}

// 右边列表-搜索间距控制
.xj-table-list .avue-crud .avue-crud__search {
  padding-top: 20px;
  margin-bottom: 6px;
}

// 右边列表-搜索底部的间距
.xj-table-list .avue-crud .avue-crud__search .el-card__body {
  padding-bottom: 0 !important;
}

// 右边列表-表格内容的间距控制
.xj-table-list .avue-crud .avue-crud__body {
  padding: 8px;
  margin-bottom: 6px;
}

// 右边列表-分页内容的间距控制
.xj-table-list .avue-crud .avue-crud__pagination {
  padding: 14px;
}

// 表格上的独立搜索
.xj-table-search {
  background-color: #F0F2F5;
  padding-right: 5px;
  padding-left: 5px;
}

// 自关联表的展示, 非手机时, 使用等分发
@media screen and (min-width: 768px) {
  .xj-table > div {
    display: grid;
    grid-template-columns: 20% 80%;
    column-gap: 0px;
    row-gap: 0px;
    justify-content: center;
  }
}

// 自关联表的展示, 是手机时
@media (max-width: 768px) {
  // 左边树
  .xj-table .xj-table-tree {
  }
  // 隐藏左边树
  .xj-table .xj-table-tree-hide {
    display: none;
  }
  // 搜索表单支持水平滚动，处理如时间选择展示不下的问题
  .xj-table-list .avue-form__group {
    overflow-x: auto;
  }
  // 列表数据的操作栏宽度
  .xj-table-list .el-table-fixed-column--right {
    width: 100px !important;
  }
  .xj-table-list .el-button {
    margin-top: 8px;
  }
}

// ========== 旧 css 保留
// 表格间距
.card-box {
  margin-top: -24px;
  margin-left: -14px;
  margin-right: -14px;
  background-color: #F0F2F5;
}

// 搜索间距控制
.card-box .avue-crud .avue-crud__search {
  padding-top: 20px;
  margin-bottom: 6px;
}

.card-box .avue-crud .avue-crud__search .el-card__body {
  padding-bottom: 0 !important;
}

// 表格间距控制
.card-box .avue-crud .avue-crud__body {
  padding: 14px;
  margin-bottom: 6px;
}

// 分页间距控制
.card-box .avue-crud .avue-crud__pagination {
  padding: 14px;
}
